<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Keywords" content="盖网,网上购物,网上商城,积分兑换,积分消费,手机,笔记本,电脑,数码,服装,手表,化妆品,保健品,盖象商城" />
    <meta name="Description" content="盖网,盖象商城-中国最大的网上购物及积分兑换消费商城，便捷，诚信的服务,为您提供愉悦的网上商城购物体验!" />
    <title>盖象商城-我的盖象-订单评价</title>
    <link href="../styles/global.css" rel="stylesheet" type="text/css" />
    <link href="../styles/module.css" rel="stylesheet" type="text/css" />
    <link href="../styles/mygx.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <!-- 头部start -->
    <div class="gx-top-title clearfix" id="gx-top-title">
        <div class="gx-top-title-main clearfix">
            <a href="首页.html" title="盖象商城" class="gx-top-home index-icon">盖象首页</a>
            <div class="gx-top-welcome">Hi，欢迎来到盖象商城&nbsp;&nbsp;
                <a href="登录.html" title="登录">登录</a>&nbsp;
                <a href="注册.html" title="注册">注册</a>
            </div>
            <div class="gx-top-nav">
                <a href="我的盖象_购物车.html" title="购物车" class="gx-top-shopping index-icon">购物车<span class="gx-top-shopping-num">12</span></a>
                <div class="gx-top-mygx index-icon">
                    我的盖象<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <a href="商品订单.html" title="我的订单">我的订单<br/></a>
                        <a href="我的盖象_我的资产_我的钱包.html" title="我的钱包">我的钱包<br/></a>
                    </div>
                </div>
                <div class="gx-top-mygx gx-top-mygx2 index-icon">
                    收藏夹<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <a href="商品收藏.html" title="收藏的商品">收藏的商品<br/></a>
                        <a href="店铺收藏.html" title="收藏的店铺">收藏的店铺<br/></a>
                    </div>
                </div>
                <div class="gx-top-mygx index-icon">
                    商家支持<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <a href="#" title="商家入驻">商家入驻<br/></a>
                        <a href="#" title="合作加盟">合作加盟<br/></a>
                        <a href="#" title="盖网终端机">盖网终端机<br/></a>
                    </div>
                </div>
                <div class="gx-top-mygx gx-top-app index-icon">
                    手机APP<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <ul>
                            <li>
                                <p><img width="90" height="90" src="../images/bgs/gx-rightEWM.jpg" /></p>
                                <p>盖象优选APP</p>
                            </li>
                            <li>
                                <p><img width="90" height="90" src="../images/bgs/gx-rightGZH.jpg" /></p>
                                <p>微信公众号</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="gx-top-mygx index-icon">
                    简体中文<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <a href="#" title="">简体中文</a>
                        <a href="#" title="">繁體中文</a>
                        <a href="#" title="">English</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部end -->
    <!-- 导航start -->
    <div class="mygx-top-nav">
        <div class="top-nav-cont clearfix">
            <div class="nav-cont-logo"></div>
            <div class="nav-cont-option clearfix">
                <a href="我的盖象.html" title="首页"><span class="option-text">首页</span></a>
                <a href="#" title="账户设置" class="option-accountsettings">
                    <span class="option-text option-text-setup">账户设置</span>
                    <span class="member-icon option-ioc"></span>
                </a>
                <a href="我的盖象_消息.html" title="消息"><span class="option-text">消息</span></a>
                <div class="option-accountsettings-cont">
                    <div class="option-accountsettings-cont-buttom">
                        <div class="cont-up"></div>
                        <a href="我的盖象_我的设置_个人信息.html" title="个人消息">个人消息</a>
                        <a href="#" title="收货地址">收货地址</a>
                        <a href="修改邮箱-修改邮箱.html" title="修改邮箱">修改邮箱</a>
                        <a href="修改绑定手机-验证身份.html" title="绑定手机">绑定手机</a>
                        <a href="修改密码-修改新密码.html" title="修改登录密码">修改登录密码</a>
                        <a href="设置密码(支付)修改.html" title="修改支付密码">修改支付密码</a>
                    </div>
                </div>
            </div>
            <div class="mygx-nav-search">
                <input type="text" placeholder="请输入要搜索的商品" />
                <a href="#" title="搜索">搜索</a>
            </div>
        </div>
    </div>
    <!-- 导航end -->

    <!--主体start-->
    <div class="member-main">
        <div class="member-contain clearfix">
            <div class="member-sidebar">
                <div class="decoration"></div>
                <ul class="sidebar-main">
                    <li class="mt13">
                        <a href="我的盖象_购物车.html"><i class="listmark"></i><span>我的购物车</a>
                    </li>
                    <li>
                        <i class="listmark"></i><span>我的订单</span>
                        <div class="sublist" style="display: block">
                            <a href="商品订单.html" title="商品订单" class="reds">商品订单</a>
                            <a href="我的盖象-商品评价.html" title="商品评价">商品评价</a>
                            <a href="酒店订单.html" title="酒店订单">酒店订单</a>
                            <a href="#" title="我的竞拍">我的竞拍</a>
                        </div>
                    </li>
                    <li>
                        <i class="listmark"></i><span>我的资产</span>
                        <div class="sublist" style="display: block">
                            <a href="我的盖象_我的资产_我的钱包.html" title="我的钱包">我的钱包</a>
                            <a href="我的盖象_我的资产_优惠券(未使用).html" title="优惠券">优惠券</a>
                            <a href="我的盖象_我的资产_积分充值.html" title="积分充值">积分充值</a>
                            <a href="我的盖象_我的资产_消费明细.html" title="消费明细">消费明细</a>
                        </div>
                    </li>
                    <li>
                        <i class="listmark"></i><span>我的收藏</span>
                        <div class="sublist" style="display: block">
                            <a href="商品收藏.html" title="商品收藏">商品收藏</a>
                            <a href="店铺收藏.html" title="店铺收藏">店铺收藏</a>
                            <a href="浏览历史.html" title="浏览历史">浏览历史</a>
                        </div>
                    </li>
                    <li>
                        <i class="listmark"></i><span>售后服务</span>
                        <div class="sublist" style="display: block">
                            <a href="#" title="退货">退货</a>
                        </div>
                    </li>
                    <li>
                        <i class="listmark"></i><span>特色业务</span>
                        <div class="sublist" style="display: block">
                            <a href="我的盖象_特色业务_推荐链接.html" title="推荐链接">推荐链接</a>
                            <a href="我的盖象_特色业务_我推荐的会员.html" title="我推荐的会员">我推荐的会员</a>
                            <a href="我的盖象_特色业务_推荐会员消费详情.html" title="我推荐的会员">推荐会员消费详情</a>
                        </div>
                    </li>
                    <li>
                        <i class="listmark"></i><span>我的设置</span>
                        <div class="sublist" style="display: block">
                            <a href="我的盖象_我的设置_个人信息.html" title="个人信息">个人信息</a>
                            <a href="我的盖象_我的设置_账户安全.html" title="账户安全">账户安全</a>
                            <a href="我的盖象_我的设置_收货地址.html" title="收货地址">收货地址</a>
                        </div>
                    </li>
                    <li>
                        <i class="listmark"></i><span>我的企业</span>
                        <div class="sublist" style="display: block">
                            <a href="我的盖象_我的企业_提现列表.html" title="提现列表">提现列表</a>
                            <a href="我的盖象_我的企业_账户明细.html" title="线下交易明细">账户明细</a>
                            <a href="我的盖象_我的企业_提现列表_线下交易明细.html" title="线下交易明细">线下交易明细</a>
                            <a href="" title="卖家平台">卖家平台</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="main-contain main-evaluate-contain">
                <form action="#">
                    <div class="evaluate-title order-evaluate">
                        <p class="evaluate-title-text">订单评价</p>
                        <div class="evaluate-title-text1 clearfix">

                            <p class="title-text-ordernumber">订单号：<span>3284 7028 0234 0234</span></p>
                            <p class="title-text-name">艳洋数码有限公司</p>
                            <p class="title-text-number"><span class="red">2</span>件商品</p>
                            <p class="title-text-number">2016-07-10 12:26:40</p>
                        </div>
                        <div class="shop-evaluate">
                            <p class="title">店铺评价：</p>
                            <ul class="eval-items">
                                <li>
                                    <span class="item-name"><span class="red">* </span>服务态度：</span>
                                    <span class="attitude-star"></span>
                                    <span class="attitude-hint"></span>
                                </li>
                                <li>
                                    <span class="item-name"><span class="red">* </span>发货速度：</span>
                                    <span class="speed-star"></span>
                                    <span class="speed-hint"></span>
                                </li>
                            </ul>
                            <div class="eval-content">
                                <span class="label-name"><span class="red">* </span>评价内容：</span>
                                <textarea name="message" class="text-area" placeholder="商家的服务您是否满意，有什么要和其他用户分享的呢？"></textarea>
                                <span class="word-num">0/200</span>
                            </div>
                        </div>
                    </div>
                    <div class="order-evaluate">
                        <ul class="product-evaluate">
                            <li>
                                <table class="product-info">
                                    <tr>
                                        <td class="product-info-left">
                                            <a href="#" title="Joyoung/九阳 DJ13B-C631SG 九阳免滤速磨豆浆机 正品特价包邮">
                                                <img src="../images/temp/evaluate-img_63x63.jpg" class="product-img" alt="Joyoung/九阳 DJ13B-C631SG 九阳免滤速磨豆浆机 正品特价包邮" />
                                            </a>
                                        </td>
                                        <td class="product-info-cont">
                                            <a href="#" class="product-name">Joyoung/九阳 DJ13B-C631SG 九阳免滤速磨豆浆机 正品特价包邮</a>
                                        </td>
                                        <td class="product-info-right">
                                            <span class="product-price red">￥17.00</span>
                                        </td>
                                    </tr>
                                </table>
                                <div class="pe-content">
                                    <p class="title">商品评价：</p>
                                    <div class="p-eval-items">
                                        <span class="item-name"><span class="red">* </span>描述相符：</span>
                                        <span class="p-des-star"></span>
                                        <span class="p-des-hint"></span>
                                    </div>
                                    <div class="p-eval-items">
                                        <span class="item-name" style="float: left"><span class="red">* </span>买家印象：</span>
                                        <div class="evaluate-title-cont clearfix" style="padding-left: 84px">
                                            <div class="evaluate-parent">
                                                <p>价格便宜<span class="evaluate-icon"></span></p>
                                                <p>性价比高<span class="evaluate-icon"></span></p>
                                                <p>好看<span class="evaluate-icon"></span></p>
                                                <p>质量好<span class="evaluate-icon"></span></p>
                                                <p>正品<span class="evaluate-icon"></span></p>
                                                <p>服务好<span class="evaluate-icon"></span></p>
                                                <p>产品有瑕疵<span class="evaluate-icon"></span></p>
                                                <p>质量不好<span class="evaluate-icon"></span></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="p-eval-items">
                                        <span class="label-name"><span class="red">* </span>服务态度：</span>
                                        <textarea class="text-area" placeholder="商品您是否满意，有什么要和其他用户分享的呢？"></textarea>
                                        <span class="word-num">0/200</span>
                                    </div>
                                    <div class="p-eval-items clearfix">
                                        <div class="upload-area">
                                            <div class="add-btn">
                                                <i></i>
                                                <p>添加图片</p>
                                            </div>
                                            <input type="file" class="input-file" />
                                            <div class="tip-area">
                                                <p class="img-num">1/5图片</p>
                                                <p class="img-des">图片最大支持3M，格式包括JPG，PNG，GIF</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="order-evaluate">
                        <ul class="product-evaluate">
                            <li>
                                <table class="product-info">
                                    <tr>
                                        <td class="product-info-left">
                                            <a href="#" title="Joyoung/九阳 DJ13B-C631SG 九阳免滤速磨豆浆机 正品特价包邮">
                                                <img src="../images/temp/evaluate-img_63x63.jpg" class="product-img" alt="Joyoung/九阳 DJ13B-C631SG 九阳免滤速磨豆浆机 正品特价包邮" />
                                            </a>
                                        </td>
                                        <td class="product-info-cont">
                                            <a href="#" class="product-name">Joyoung/九阳 DJ13B-C631SG 九阳免滤速磨豆浆机 正品特价包邮</a>
                                        </td>
                                        <td class="product-info-right">
                                            <span class="product-price red">￥17.00</span>
                                        </td>
                                    </tr>
                                </table>
                                <div class="pe-content">
                                    <p class="title">商品评价：</p>
                                    <div class="p-eval-items">
                                        <span class="item-name"><span class="red">* </span>描述相符：</span>
                                        <span class="p-des-star"></span>
                                        <span class="p-des-hint"></span>
                                    </div>
                                    <div class="p-eval-items">
                                        <span class="item-name" style="float: left"><span class="red">* </span>买家印象：</span>
                                        <div class="evaluate-title-cont clearfix" style="padding-left: 84px">
                                            <div class="evaluate-parent">
                                                <p>价格便宜<span class="evaluate-icon"></span></p>
                                                <p>性价比高<span class="evaluate-icon"></span></p>
                                                <p>好看<span class="evaluate-icon"></span></p>
                                                <p>质量好<span class="evaluate-icon"></span></p>
                                                <p>正品<span class="evaluate-icon"></span></p>
                                                <p>服务好<span class="evaluate-icon"></span></p>
                                                <p>产品有瑕疵<span class="evaluate-icon"></span></p>
                                                <p>质量不好<span class="evaluate-icon"></span></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="p-eval-items">
                                        <span class="label-name"><span class="red">* </span>服务态度：</span>
                                        <textarea class="text-area" placeholder="商品您是否满意，有什么要和其他用户分享的呢？"></textarea>
                                        <span class="word-num">0/200</span>
                                    </div>
                                    <div class="p-eval-items clearfix">
                                        <div class="upload-area">
                                            <div class="add-btn">
                                                <i></i>
                                                <p>添加图片</p>
                                            </div>
                                            <input type="file" class="input-file" />
                                            <div class="tip-area">
                                                <p class="img-num">1/5图片</p>
                                                <p class="img-des">图片最大支持3M，格式包括JPG，PNG，GIF</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="evaluate-submit clearfix">
                        <div class="anonymous">
                            <input type="checkbox" class="checkbox" /><span class="checkbox-label">匿名</span></div>
                        <input type="submit" class="submit-btn" value="发布评论" />
                    </div>
            </div>
            </form>
        </div>

        <!--买家印象tips start-->
        <div class="buyersimpression-tips">
            <p class="buyersimpression-tips-header">提示<span></span></p>
            <p class="buyersimpression-tips-text"><span></span>评论成功</p>
            <p class="buyersimpression-tips-data" id="buyersimpression-tips-data">2秒后消失</p>
        </div>
        <!--tips end-->
    </div>
    <!-- 主体end -->
    <!-- 底部start -->
    <div class="gx-bottom gx-evaluate">
        <div class="gx-bottom-link">
            <div class="gx-bottom-link-main">
                <div class="gx-bottom-link-item">
                    <a href="#" title="关于盖网">关于盖网</a>|
                    <a href="#" title="帮助中心">帮助中心</a>|
                    <a href="#" title="网站地图">网站地图</a>|
                    <a href="#" title="诚聘英才">诚聘英才</a>|
                    <a href="#" title="联系客服">友情链接</a>|
                    <a href="#" title="联系客服">联系客服</a>|
                    <a href="#" title="免责声明">免责声明</a>|
                    <a href="#" title="隐私保护">隐私保护</a>|
                    <a href="#" title="家长监护">家长监护</a>|
                    <a href="#" title="站长统计">站长统计</a>|
                </div>
                Copyright g-emall.com | 增值电信业务经营许可证：粤B2-20140364 | 粤ICP备14049968号-2 | 互联网药品信息服务资格证 | 网络文焕经营许可证 | 穗公网监备案证第440700500100
            </div>
        </div>
    </div>
    <!-- 底部end -->

    <script src="../js/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="../js/jquery.gate.common.js" type="text/javascript"></script>
    <script src="../js/jquery.raty.js" type="text/javascript"></script>
    <script>
        $.fn.raty.defaults.path = '../images/bgs';
        $(function () {
            //与描述符合度星级
            $(".degree-star").raty({
                readOnly: true
                , score: 4.7
                , starHalf: 's-star-half.png'
                , starOff: 's-star-off.png'
                , starOn: 's-star-on.png'
            });
            //买家印象


            $(".evaluate-title-cont div p").click(function () {
                //改状态
                $(this).find(".evaluate-icon").toggleClass("evaluate-title-cont-showioc");
                if ($(this).parent(".evaluate-parent").find(".evaluate-title-cont-showioc").length > 3) {
                    $(".buyersimpression-tips").show();
                    var timing = 2;
                    var setin = setInterval(function () {
                        timing--;
                        $("#buyersimpression-tips-data").html(timing + "s后消失");
                        if (timing == 0) {
                            clearInterval(setin);
                            $(".buyersimpression-tips").hide();
                            $("#buyersimpression-tips-data").html("2s后消失");
                        }
                    }, 1000);
                    //隐藏买家印象弹窗
                    $(".buyersimpression-tips-header span").click(function () {
                        $(".buyersimpression-tips").hide();
                        clearInterval(setin);
                    });
                    $(this).find("span").removeClass("evaluate-title-cont-showioc");

                } else {

                }
            });

            //判断是否输入评价,如果输入，发布按钮变红色背景
            $(".text-area").keyup(function () {
                    for (var i = 0; i < $(".text-area").length; i++) {
                        var textval = $(".text-area").eq(i).val();
                        if (textval != "" && $(this).val() != undefined && $(this).val() != null) {
                            $(".submit-btn").addClass("red");
                            return false;
                        } else {
                            $(".submit-btn").removeClass("red");
                        }
                    }
                })
                //描述相符星级
            $(".des-star").raty({
                score: 3
                , target: ".des-hint"
                , targetText: "<b class='score'>3分</b>(合作物流不错，运费合理，总体感觉不错)"
                , targetKeep: true
                , hints: [
						"<b class='score'>1分</b>(卖家承诺没有实现，商品包装很马虎，总体印象很差)"
						, "<b class='score'>2分</b>(商品性价比较低，运费偏贵，感觉一般)"
						, "<b class='score'>3分</b>(合作物流不错，运费合理，总体感觉不错)"
						, "<b class='score'>4分</b>(商品性价比高，卖家包装很贴心严实，还会再光顾)"
						, "<b class='score'>5分</b>(商品物美价廉，卖家还送小礼物，会介绍给身边的亲朋好友)"
					]
            });
            //服务态度星级
            $(".attitude-star").raty({
                score: 3
                , target: ".attitude-hint"
                , targetText: "<b class='score'>3分</b>(咨询能够得到回复，但响应速度一般，服务态度也一般)"
                , targetKeep: true
                , hints: [
						"<b class='score'>1分</b>(卖家不理人，态度恶劣，骂人，沟通体验极差)"
						, "<b class='score'>2分</b>(卖家回应缓慢，爱答不理，沟通效果差)"
						, "<b class='score'>3分</b>(咨询能够得到回复，但响应速度一般，服务态度也一般)"
						, "<b class='score'>4分</b>(响应速度好，咨询回复细心耐心，服务态度好，沟通效果满意)"
						, "<b class='score'>5分</b>(响应快速高效，处理大方得体，用语礼貌亲切，对沟通结果很满意)"
					]
            });
            //发货速度星级
            $(".speed-star").raty({
                score: 3
                , target: ".speed-hint"
                , targetText: "<b class='score'>3分</b>(能在合理或者规定的时间内发货)"
                , targetKeep: true
                , hints: [
						"<b class='score'>1分</b>(延时发货或者一直没有发货)"
						, "<b class='score'>2分</b>(发货不及时，经过多次催促才发货)"
						, "<b class='score'>3分</b>(能在合理或者规定的时间内发货)"
						, "<b class='score'>4分</b>(发货及时，商品包装好)"
						, "<b class='score'>5分</b>(发货快速，商品包装保护性好，包裹严实)"
					]
            });
            //商品与描述相符星级
            $(".p-des-star").raty({
                score: 3
                , target: ".p-des-hint"
                , targetText: "<b class='score'>3分</b>(商品实际可用功能与描述基本吻合，能够正常使用操作)"
                , targetKeep: true
                , hints: [
						"<b class='score'>1分</b>(商家描述的应有功能与商品实际可用功能不符，如某缺少功能)"
						, "<b class='score'>2分</b>(商品实际功能与商家描述的有出入、夸大，如防水深度打不到描述所说)"
						, "<b class='score'>3分</b>(商品实际可用功能与描述基本吻合，能够正常使用操作)"
						, "<b class='score'>4分</b>(商品功能使用情况与预期基本符合，设计很人性化，操作简便贴心)"
						, "<b class='score'>5分</b>(商品功能设计便捷，外观好看，使用效果非常满意)"
					]
            });
            //删除评论图片
            $(".delete-img").click(function () {
                    $(this).parent().remove();
                })
                //文件上传按钮
            $(".add-btn").click(function () {
                $(this).next(".input-file").click();
            })

            $(".text-area").keyup(function () {
                var curLength = $(this).val().length;
                if (curLength > 200) {
                    var num = $(this).val().substr(0, 200);
                    $(this).val(num);
                } else {
                    $(this).next(".word-num").html(200 - $(this).val().length + "/200");
                }
            });

        });
        document.getElementsByClassName("submit-btn")[0].onclick = function () {
            document.getElementsByClassName("buyersimpression-tips")[0].style.display = "block";
            var num = 2;
            var times = setInterval(function () {
                num--;
                if (num > 0) {
                    document.getElementById("buyersimpression-tips-data").innerHTML = num + "秒后消失";
                } else {
                    clearInterval(times);
                    document.getElementsByClassName("buyersimpression-tips")[0].style.display = "none";
                    document.getElementById("buyersimpression-tips-data").innerHTML = "2秒后消失";
                    num = 2;
                }
            }, 1000)
        }
    </script>
</body>

</html>